Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: modal with settings profile #25

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

feat: modal with settings profile #25

wants to merge 5 commits into from

Conversation

radzhabov-dev
Copy link

No description provided.

@NookieGrey
Copy link
Collaborator

NookieGrey commented Feb 16, 2025

Навзания папок и scss файлов с маленькой буквы

.avatar {
width: 150px;
height: 150px;
border-radius: 120px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

50%

Copy link
Author

@radzhabov-dev radzhabov-dev Feb 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

import {Button, Input} from "antd";


export const AboutMySelf = () => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Мы компоненты создаём как именованные функции, чтобы было проще дебажить

Copy link
Author

@radzhabov-dev radzhabov-dev Feb 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

src="https://s3-alpha-sig.figma.com/img/51fb/3b5b/0c423f431e973462f167a024bb6c3624?Expires=1740355200&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=n13ooca0X0BnGvUK837M-1OjQ040scQ4DaFQL67NIhsiug1fHgvUxHbHvXgyBKi8jF2MX~EdWj602TGm2ZXOaYulnYV3VtJiXZF0binVakLJbEIlUzhTRc2QdcVobohvTXi5S-4BNBMYRlpMiaeYIgnJKplk5fNX0XfyZC~e61ivaYcLlUitFYOu1zjiPDkeym6vgqKSXAZr5akXSZBvET7J3byEQeRishMZidia9OP2tz-PoF3IXodwzd4wqnj7eZQrDL4L5jjKGTzBlRnjXoZcqnhNUFp6U6elyziPfB01Dhds5dGFNctW7rPIYzD2t5JKozaUXZ2U8NPbJ7T7ow__"
alt="avatar" className={styles.avatar}/>
<div>
<Button danger type="link">Удалить фото</Button>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Надо прикрутить i18n ко всем текстам

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

</div>
</div>
<form className={styles.form}>
<div className={styles.formBlock}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Как будто избыточний див и можно стили в форм загнать, нет?

Copy link
Author

@radzhabov-dev radzhabov-dev Feb 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

return (
<div className={styles.settingsBlock}>
<div className={styles.settingsItem}>
<div className={styles.settingsItemBlockOfTitle}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Вроде как избыточный класс, если сверстать дивами а не спан

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

это не понял

body: styles.containerModal,
}}
title={
<div style={{marginTop: "-6px", marginBottom: "20px"}}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

в стили

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

</div>
}
>
{activeSection === 'О себе' ? (
Copy link
Collaborator

@NookieGrey NookieGrey Feb 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Так не надо, нужен независимый от текста уникальный код, на английском языке

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

@@ -0,0 +1,13 @@
.modal {
min-height: 603px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

в чём прикол мин, макс?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

</div>
<div>
<span className={styles.titleOfInput}>Расскажите о себе</span>
<Input.TextArea rows={4} autoSize={{minRows: 5, maxRows: 5}}/>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Здесь тоже не ясно, а почему сразу rows={5} не установить? и autoSize=false?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

так я пробовал, autosize не работает

<>
<div className={styles.blockAvatar}>
<img
src="https://s3-alpha-sig.figma.com/img/51fb/3b5b/0c423f431e973462f167a024bb6c3624?Expires=1740355200&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=n13ooca0X0BnGvUK837M-1OjQ040scQ4DaFQL67NIhsiug1fHgvUxHbHvXgyBKi8jF2MX~EdWj602TGm2ZXOaYulnYV3VtJiXZF0binVakLJbEIlUzhTRc2QdcVobohvTXi5S-4BNBMYRlpMiaeYIgnJKplk5fNX0XfyZC~e61ivaYcLlUitFYOu1zjiPDkeym6vgqKSXAZr5akXSZBvET7J3byEQeRishMZidia9OP2tz-PoF3IXodwzd4wqnj7eZQrDL4L5jjKGTzBlRnjXoZcqnhNUFp6U6elyziPfB01Dhds5dGFNctW7rPIYzD2t5JKozaUXZ2U8NPbJ7T7ow__"
Copy link
Collaborator

@NookieGrey NookieGrey Feb 16, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Используй картинку из info и вынеси её на уровень выше

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

<span className={styles.titleOfInput}>Имя и имя пользователя</span>
<div className={styles.blockOfNameAndLoginInput}>
<Input type="text" placeholder="Имя"/>
<Input type="text" placeholder="@Юзернейм"/>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

type="text" избыточен

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

padding: 20px;
}

.headerModal {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Не используемый класс

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

++

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants